var defaultfield = {
	xtype : 'textfield',
	labelWidth : 100,
	width : 400,
	readOnly : false,
	allowBlank : false,
	labelAlign : 'left',
	padding : '0 50 0 10',
	anchor : '100%'
};

var line1 = {
	xtype : 'container',
	flex : 1,
	defaults : defaultfield,
	layout : 'anchor',
	items : [ {
		xtype : 'fieldcontainer',
		layout : 'hbox',
		defaults : defaultfield,
		items : [
			{
				xtype : 'textfield',
				fieldLabel : 'HTML路径',
				name : 'html.path'
			},
			{
				xtype : 'textfield',
				fieldLabel : 'JS路径',
				name : 'js.path'
			},
			{
				xtype : 'textfield',
				fieldLabel : 'JS前缀',
				name : 'js.prefix'
			}
		]
	} ]
};

var line2 = {
	xtype : 'container',
	flex : 1,
	defaults : defaultfield,
	layout : 'anchor',
	items : [ {
		xtype : 'fieldcontainer',
		layout : 'hbox',
		defaults : defaultfield,
		items : [
			{
				xtype : 'textfield',
				fieldLabel : 'sevice路径',
				name : 'service.path'
			},
			{
				xtype : 'textfield',
				fieldLabel : 'controller路径',
				name : 'controller.path'
			},
			{
				xtype : 'textfield',
				fieldLabel : 'controller前置',
				name : 'controller.prefix'
			}
		]
	} ]
};

var line3 = {
	xtype : 'container',
	flex : 1,
	defaults : defaultfield,
	layout : 'anchor',
	items : [ {
		xtype : 'fieldcontainer',
		layout : 'hbox',
		defaults : defaultfield,
		items : [
			{
				xtype : 'textfield',
				fieldLabel : '服务名称',
				name : 'serviceName'
			},
			combobox_model,
			combobox_model_properties
		]
	} ]
};

var myform = Ext.create('widget.form', {
	title : '基础配置',
	region : 'center',
	autoScroll : true,
	items : [
		line1, line2, line3, grid, enumsGrid
	],
	collapsible : false,
	bodyPadding : 7
});
myform.getForm().load({
	url:'/codemaker/loadConfig.json'
});